<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>「小清发布」</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Animation CSS -->
    <link href="css/animate.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="css/style.css" rel="stylesheet">
</head>
<body id="page-top" class="landing-page">
<!--<div class="navbar-wrapper">-->
        <!--<nav class="navbar navbar-default navbar-fixed-top" role="navigation">-->
            <!--<div class="container">-->
                <!--<div class="navbar-header page-scroll">-->
                    <!--<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">-->
                        <!--<span class="sr-only">Toggle navigation</span>-->
                        <!--<span class="icon-bar"></span>-->
                        <!--<span class="icon-bar"></span>-->
                        <!--<span class="icon-bar"></span>-->
                    <!--</button>-->
                    <!--&lt;!&ndash;<a class="navbar-brand" href="index.html">WEBAPPLAYERS</a>&ndash;&gt;-->
                <!--</div>-->
                <!--<div id="navbar" class="navbar-collapse collapse">-->
                    <!--<ul class="nav navbar-nav navbar-right">-->
                        <!--<li><a class="page-scroll" href="#page-top">Home</a></li>-->
                        <!--<li><a class="page-scroll" href="#features">Features</a></li>-->
                        <!--<li><a class="page-scroll" href="#team">Team</a></li>-->
                        <!--<li><a class="page-scroll" href="#testimonials">Testimonials</a></li>-->
                        <!--<li><a class="page-scroll" href="#pricing">Pricing</a></li>-->
                        <!--<li><a class="page-scroll" href="#contact">Contact</a></li>-->
                    <!--</ul>-->
                <!--</div>-->
            <!--</div>-->
        <!--</nav>-->
<!--</div>-->



<!--<section id="features" class="container services">-->
    <!--<div class="row">-->
        <!--<div class="col-sm-3">-->
            <!--<h2>Full responsive</h2>-->
            <!--<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus.</p>-->
            <!--<p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>-->
        <!--</div>-->
        <!--<div class="col-sm-3">-->
            <!--<h2>LESS/SASS Files</h2>-->
            <!--<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus.</p>-->
            <!--<p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>-->
        <!--</div>-->
        <!--<div class="col-sm-3">-->
            <!--<h2>6 Charts Library</h2>-->
            <!--<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus.</p>-->
            <!--<p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>-->
        <!--</div>-->
        <!--<div class="col-sm-3">-->
            <!--<h2>Advanced Forms</h2>-->
            <!--<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus.</p>-->
            <!--<p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>-->
        <!--</div>-->
    <!--</div>-->
<!--</section>-->

<section  class="container features">
    <div class="row">
        <div class="col-lg-12 text-center"><br>
            <div class="navy-line"></div>
            <h1>「小清」beta<br/> <span class="navy"></span> </h1>
            <p>童星汇第一代儿童文娱活动信息采集机器人</p>
            <a class="btn btn-lg btn-primary" href="/index.php?">马上开启</a>
        </div>
    </div>

</section>

<section id="team" class="gray-section team">
    <div class="container">
        <div class="row m-b-lg">
            <div class="col-lg-12 text-center">
                <div class="navy-line"></div>
                <h1>产品经理</h1>
                <p></p>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-4 wow fadeInLeft">
                <div class="team-member">
                    <img src="http://7sbqgk.com1.z0.glb.clouddn.com/17-9-13/62998577.jpg" class="img-responsive img-circle img-small" alt="">
                    <h4><span class="navy">林子</span> </h4>
                    <!--<p>Lorem ipsum dolor sit amet, illum fastidii dissentias quo ne. Sea ne sint animal iisque, nam an soluta sensibus. </p>-->
                    <!--<ul class="list-inline social-icon">-->
                        <!--<li><a href="#"><i class="fa fa-twitter"></i></a>-->
                        <!--</li>-->
                        <!--<li><a href="#"><i class="fa fa-facebook"></i></a>-->
                        <!--</li>-->
                        <!--<li><a href="#"><i class="fa fa-linkedin"></i></a>-->
                        <!--</li>-->
                    <!--</ul>-->
                </div>
            </div>
            <div class="col-sm-4">
                <div class="team-member wow zoomIn">
                    <img src="http://7sbqgk.com1.z0.glb.clouddn.com/17-9-13/72059762.jpg" class="img-responsive img-circle"  width="150px" alt="">
                    <h4><span class="navy">雅清</span> </h4>
                    <!--<p>Lorem ipsum dolor sit amet, illum fastidii dissentias quo ne. Sea ne sint animal iisque, nam an soluta sensibus.</p>-->
                    <!--<ul class="list-inline social-icon">-->
                        <!--<li><a href="#"><i class="fa fa-twitter"></i></a>-->
                        <!--</li>-->
                        <!--<li><a href="#"><i class="fa fa-facebook"></i></a>-->
                        <!--</li>-->
                        <!--<li><a href="#"><i class="fa fa-linkedin"></i></a>-->
                        <!--</li>-->
                    <!--</ul>-->
                </div>
            </div>
            <div class="col-sm-4 wow fadeInRight">
                <div class="team-member">
                    <img src="http://7sbqgk.com1.z0.glb.clouddn.com/17-9-13/10987872.jpg" class="img-responsive img-circle img-small" alt="">
                    <h4><span class="navy">茅总监</span> </h4>
                    <!--<p>Lorem ipsum dolor sit amet, illum fastidii dissentias quo ne. Sea ne sint animal iisque, nam an soluta sensibus.</p>-->
                    <!--<ul class="list-inline social-icon">-->
                        <!--<li><a href="#"><i class="fa fa-twitter"></i></a>-->
                        <!--</li>-->
                        <!--<li><a href="#"><i class="fa fa-facebook"></i></a>-->
                        <!--</li>-->
                        <!--<li><a href="#"><i class="fa fa-linkedin"></i></a>-->
                        <!--</li>-->
                    <!--</ul>-->
                </div>
            </div>
        </div>
        <!--<div class="row">-->
            <!--<div class="col-lg-8 col-lg-offset-2 text-center m-t-lg m-b-lg">-->
                <!--<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>-->
            <!--</div>-->
        <!--</div>-->
    </div>
</section>




<!-- Mainly scripts -->
<script src="js/jquery-2.1.1.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

<!-- Custom and plugin javascript -->
<script src="js/inspinia.js"></script>
<script src="js/plugins/pace/pace.min.js"></script>
<script src="js/plugins/wow/wow.min.js"></script>


<script>

    $(document).ready(function () {

        $('body').scrollspy({
            target: '.navbar-fixed-top',
            offset: 80
        });

        // Page scrolling feature
        $('a.page-scroll').bind('click', function(event) {
            var link = $(this);
            $('html, body').stop().animate({
                scrollTop: $(link.attr('href')).offset().top - 50
            }, 500);
            event.preventDefault();
            $("#navbar").collapse('hide');
        });
    });

    var cbpAnimatedHeader = (function() {
        var docElem = document.documentElement,
                header = document.querySelector( '.navbar-default' ),
                didScroll = false,
                changeHeaderOn = 200;
        function init() {
            window.addEventListener( 'scroll', function( event ) {
                if( !didScroll ) {
                    didScroll = true;
                    setTimeout( scrollPage, 250 );
                }
            }, false );
        }
        function scrollPage() {
            var sy = scrollY();
            if ( sy >= changeHeaderOn ) {
                $(header).addClass('navbar-scroll')
            }
            else {
                $(header).removeClass('navbar-scroll')
            }
            didScroll = false;
        }
        function scrollY() {
            return window.pageYOffset || docElem.scrollTop;
        }
        init();

    })();

    // Activate WOW.js plugin for animation on scrol
    new WOW().init();

</script>

</body>
</html>
